<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../../layui/css/layui.css">
    <link rel="stylesheet" href="../zhengcewenjian.css">
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
</head>
<body>
<div class="main" style="height: 2100px">
    <div class="left" style="width:100px;margin-left:100px;float: left;">
        <div class="card" style="margin-top:20px;height: 350px;width: 250px;">
            <h3 align="center">栏目导航</h3><br>
            <hr style="border:1px solid #ccc;">
            <ul>
                <!-- <li class="this"><a href="转专业.html">转专业</a></li>
                 <hr>-->

                <li class="this"> <a style="cursor: pointer" onclick="parent.page8('组织概况')">组织概况</a></li>
                <hr>

                <li><a style="cursor: pointer" onclick="parent.page8('党群工作')">党群工作</a></li>
                <hr>

            </ul>
            <br>
        </div>
    </div>
    <div class="right">
        <div class="title">
            <h2 style="font-weight: bold;color: #0B469F;">组织概况</h2>
        </div>
        <div class="list"  >
<!--嵌入图片展示-->
   <div  style="text-align: center">
         <p>
             
             <img src="../images/人工智能与数据科学学院机关支部.jpg">
         </p>
       <p>
           <img src="../images/基础教学支部.jpg">
       </p>
       <p>
           <img src="../images/计算机系支部.jpg">
       </p>
       <img src="../images/软件工程系支部.jpg">
       <p>
           <img src="../images/自动化系支部.jpg">
       </p>
       <p>
           <img src="../images/实验室支部.jpg">
       </p>
       <img src="../images/智能系支部.jpg">




   </div>
   </div>
    </div>
    <div class="clear"></div>
</div>
<div  id="footer" class="layui-row" style="height: 100px;background-color: #00477A;">
    <div id="link" align="center" lay-separator="|" style="height:50px;line-height: 50px;">
        <a href="#">河北工业大学</a><span>&nbsp&nbsp|&nbsp</span>
        <a href="#">人工智能与数据科学学院</a><span>&nbsp&nbsp|&nbsp</span>
        <a href="#">科研院</a><span>&nbsp&nbsp|&nbsp</span>
        <a href="#">本科生院</a><span>&nbsp&nbsp|&nbsp</span>
        <a href="#">研究生院</a><span>&nbsp&nbsp|&nbsp</span>
        <a href="#">联系我们</a>
    </div>
    <div style="text-align: center;" class="layui-layout-admin layui-footer">
        <p style="color: white">
            COPY RIGHT &copy;&nbsp;&nbsp;&nbsp;天津市北辰区双口镇西平道5340号河北工业大学北辰校区人工智能与数据科学学院知识成果共享平台
            &nbsp;&nbsp;&nbsp;津ICP备350321号
        </p>
    </div>

</div>

<script src="../../layui/layui.js" charset="utf-8"></script>
<!-- 注意：如果你直接复制所有代码到本地，上述 JS 路径需要改成你本地的 -->
<script>
    layui.use(['laypage', 'layer'], function() {
        var laypage = layui.laypage
            , layer = layui.layer;

        //总页数低于页码总数
        laypage.render({
            elem: 'demo0'
            , count: 50 //数据总数
            , theme: '#0B469F'
        });
    })
    layui.use(['laypage', 'layer', 'element'], function() {
        var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块

        //监听导航点击
        element.on('nav(demo)', function (elem) {
            //console.log(elem)
            layer.msg(elem.text());
        });

        var laypage = layui.laypage
            , layer = layui.layer;

        //自定义样式
        laypage.render({
            elem: 'demo2'
            , count: 100
            , theme: '#0B469F'
        });
    });
</script>
</body>
</html>